import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// 引入按需引入插件
import styleImport, { VantResolve } from 'vite-plugin-style-import'

// 导入 path 模块
import { resolve } from 'path'

// vite 可以看到使用的是 plugins 进行 vue 的配置
// 其官网更想让 vite 成为一种打包工具，并不是只集成在 vue 身上
export default defineConfig({
  plugins: [
    vue(),
    // 配置按需引入
    styleImport({
      resolves: [VantResolve()]
    })
  ],
  // 配置别名
  resolve: {
    // 配置别名规则
    alias: [
      // 配置文件路径别名
      {
        find: '@',
        replacement: resolve(__dirname, 'src')
      }
    ]
  }
})
